<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>Monitor</title>
	<link rel="stylesheet" type="text/css" href="css/main.css" media="all" />
	<link rel="stylesheet" type="text/css" href="css/jquery.treeview.css" media="all" />
	<link href='http://fonts.googleapis.com/css?family=Racing+Sans+One' rel='stylesheet' type='text/css'>
	<script type="text/javascript" src="js/jquery.js"></script>
	
	
</head>
<body>
	<div class="wrap">
		<div id="header">
			<div class="left">
				<div>Monitor</div>	
			</div>
			<div class="right">
				<img src="images/logo2.jpg" alt="logo">
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<div class="wrap">
		<div id="nav">
			<div id="first">
				<ul>
					<li class="active">Agents</li>
					<li>Servers</li>
					<li>Devices</li>
				</ul>
			</div>
			<div id="second">
				<ul>
					<li class="active"><span>Performance Monitor</span></li>
					<li><span>CPU Monitor</span></li>
					<li><span>Memory Monitor</span></li>
					<li><span>Disk Monitor</span></li>
					<li><span>Activity Monitor</span></li>
				</ul>
			</div>
		</div>
		<div id="bar">
			<ul class="breadcrumbs"> 
				<li><a href="#">Home</a></li>
				<li><a href="#">Agents</a></li>
				<li><a href="#">TPSHA6-D049</a></li>
				<li><a href="#">Performance Monitor</a></li>
			</ul>
		</div>
		<div class="clear"></div>
	</div>
	<div class="wrap" id="content">
		<div >
			<div class="left tree sub" id="tree">
				<div class="box">
					<h4>Agents</h4>
					<div class="box_content">
						<ul id="leftview">
						  <li>History of WWW
							<ul>
							  <li>Arpanet - Packets - 1969</li>
							  <li>TCP/IP - Vinton Cerf - 1974</li>
							  <li>WorldWideWeb (Internet and program) - Tim Berners Lee - 1991</li>
							  <li>Public Domain WWW source code - 1993</li>
							  <li>NCSA Mosaic released - 1993</li>
							  <li>Opera released - 1994</li>
							  <li>Marc Anderseen (formerly NCSA) and Jim Clark  release Netscape - 1994</li>
							  <li>IE from Microsoft (based on Mosaic)
								<ul>
								  <li>DHTML</li>
								  <li>ActiveX</li>
								</ul>
							  </li>
							  <li>W3C at MIT (CERN, NCSA, EU)</li>
							  <li>W3C Recommendations</li>
							  <li>Mozilla Foundation</li>
							</ul>
						  </li>
						  <li>HTML4 page structure
							<ul>
							  <li>Comments</li>
							  <li>Tags
								<ul> 
								  <li>Head
									<ul>
									  <li>title</li>
									  <li>meta</li>
									  <li>link</li>
									  <li>script</li>
									</ul> 
								  </li>
								  <li>Body
									<ul>
									  <li>inline tags - <b>b (bold)</b>, <i>i (italic)</i>, <s>s (strikeout)</s>,
										<u>u (underline)</u>, <code>code (fixed-width)</code>, 
										<span style="background-color: lime; ">span</span>, 
										<a href="http://www.gnostice.com/">a (anchor - hyperlink)</a></li>
									  <li>block tags - div (box), table/tr/td (table), ul/ol/li (list)</li>
									  <li>other tags - script, noscript</li>
									</ul>
								  </li>
								</ul>
							  </li>
							  <li>JavaScript
								<ul>
								  <li>IE (see MSDN)</li>
								  <li>Mozilla (see MDC)</li>
								  <li>Ajax</li>
								</ul>
							  </li>
							  <li>CSS2
								<ul>
								  <li>Mozilla (see W3C reference)</li>
								  <li>IE (see MSDN for filter style)</li>
								  <li>Accessibility</li>
								</ul>
							  </li>  
							</ul>
						  </li>
						  <li>Doctype - HTML (Transitional/Strict) or XHTML </li>
						  <li>How Web Pages Work
							<ul>
							  <li>HTTP request</li>
							  <li>HTTP response</li>
							</ul>
						  </li>    
						  <li>Web Applications - Server-side scripting
							 <ul>
							   <li>CGI</li>
							   <li>ASP, JSP, PHP</li>
							   <li>ASP.NET</li>
							 </ul>
						  </li>
						  <li>Browser engines
							<ul>
							  <li>IE</li>
							  <li>Mozilla</li>
							  <li>KHTML/Webkit</li>
							</ul>
						  </li>
						  <li>Mobile browsers
							<ul>
							  <li>WAP - very old phones</li>
							  <li>XHTML - cheap phones</li>
							  <li>HTML, XHTML, HTML5 - new/expensive phones</li>
							</ul>
						  </li>
						  <li>HTML 5 and CSS3 - What's New</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="right main" >				
				<div id="desc" class="box">
					<h4>Agent Info</h4>
					<div class="box_content">
						<h5>PB980-002130</h5>
						<div>
						<table width="100%" >
						<tr>
							<th width="20%">
							<th width="32%">
							<th width="10%">
							<th width="38%">
						</tr>
						<tr><td>Serial No:</td><td>UNbc6-D0490-IEp98-12345</td><td>Tasks:</td> <td>205 total, 1 running, 204 sleeping</td></tr>
						<tr>
							<td>Server IP: </td><td>10.243.118.201</td><td>Cpu:</td>  <td>0.0%user, 0.1%sys, 0.0%nice</td>
						</tr>
						<tr><td>Server Name: </td><td>TPSHA6-D049</td><td>Mem:</td>  <td>16426148k total, 15582396k used</td></tr>
						</table>
						</div>
					</div>
				</div>
				
				<div id="history" class="box">
					<h4>History Chart</h4>
					<div class="box_content">
						<div style="margin: 10px 0">
							<script src="js/highcharts.src.js"></script><script src="js/exporting.js"></script>
							<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="clear"></div>
	</div>
	<div class="">
		<div id="footer">
			<div>
				<ul>
					<li><a href="#">About Us</a></li>
					<li><a href="#">Contact Us</a></li>
					<li><a href="#">Feedback</a></li>
				</ul>
			</div>
			<div class="clear">All Rights Reserved.</div>
		</div>
	</div>
	
	
	<script type="text/javascript" src="js/jquery.cookie.js"></script>
	<script type="text/javascript" src="js/jquery.treeview.js"></script>
	<script type="text/javascript" src="js/highslide-full.min.js"></script>
	<script type="text/javascript" src="js/highslide.config.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/main.js"></script>
</body>
</html>